<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>美团民宿</title>
    <link rel="stylesheet" href="../css/minsu.css">
    <script src="../js/minsu.js" type="module"></script>
</head>

<body>
    <header>
        <div class="container">
            <div class="logo pull-left">
                <img src="../img/logo.png" alt="">
            </div>
            <ul class="list-inline pull-right">
                <li><a href="">登录查看优惠房价</a></li>
                <li><a href="">成为房东</a></li>
                <li><a href="">下载App</a></li>
            </ul>
        </div>
    </header>
    <div class="bigpic">
        <div class="container">
            <div class="rows">
                <div class="col-md-8">
                    <div class="img">
                        <img src="../img/p05-0.jpg" alt="">
                        <div class="dianzan">
                            <p>超赞</p>
                            <p>5.0</p>
                            <a href="">3条评论</a>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="img">
                        <img src="../img/p05-1.jpg" alt="">
                    </div>
                    <div class="img">
                        <img src="../img/p05-2.jpg" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>


    <nav>
        <div class="container">
            <ul class="list-inline">
                <li><a href="">概览</a></li>
                <li><a href="">房东</a></li>
                <li><a href="">位置</a></li>
                <li><a href="">评价</a></li>
                <li><a href="">设施</a></li>
            </ul>
        </div>
    </nav>

    <div class="homestay">
        <div class="container">
            <div class="rows">
                <div class="col-md-8">
                    <!-- 面包 -->
                    <div class="a-line"></div>
                    <!-- homestay-title -->
                    <div class="homestay-title">
                        <h4>Your title</h4>
                        <div class="card">
                            <ul class="list-inline">
                                <li>
                                    <img src="" alt="">
                                    <p>
                                        整套
                                    </p>
                                    <span>
                                        35㎡
                                    </span>
                                </li>
                                <li>
                                    <img src="" alt="">
                                    <p>
                                        整套
                                    </p>
                                    <span>
                                        35㎡
                                    </span>
                                </li>
                                <li>
                                    <img src="" alt="">
                                    <p>
                                        整套
                                    </p>
                                    <span>
                                        35㎡
                                    </span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-md-4"></div>
            </div>
        </div>
    </div>




</body>

</html>